<html>
<head>
	<title>爱宠</title>
	<link rel="stylesheet" href="/static/css/passport.css">
	<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
	<div class="title"></div>
	<div class ="weiMu"></div>
	
	<div class="selectTip">请选择</div>
	
	<div class="userType">
		<input id="person" type="radio" name="userType"  value="1" checked="checked">个人
		<input id="team" type="radio"  name="userType" value="0">组织
	</div>
	
	<div id="loginForm" class="form" style="display:none">
		<div id="usernameTip" class="qiPao">
		    <span class="bot"></span>
		    <span class="top"></span>
		    <div id="usernameError" class="text">用户名只能为 11 位纯数字手机号</div>
		</div>
		<br><input id="username" placeholder="请输入用户名" class="input" type="text" maxlength="11" onblur="usernameValid()"/><br>
		<div id="passwordTip" class="qiPao">
			<span class="bot"></span>
			<span class="top"></span>
			<div id="passwordError" class="text">密码长度必须为6-16个字符，不能包含空格</div>
		</div>
		<br><input id="password" placeholder="请输入密码" class="input" type="password" maxlength="16" onblur="passwordValid()"/><br>
	</div>
	<div id="registerForm" class="form" style="display:none">
		<div id="repeatPasswordTip" class="qiPao">
			<span class="bot"></span>
			<span class="top"></span>
			 <div id="repeatPasswordError" class="text">请确保两次输入密码一致</div>
		</div>
		<br><input id="repeatPassword" placeholder="请再次输入密码" class="input" type="password" maxlength="16" onblur="repeatPasswordValid()"/><br>
		<div id="validateCodeTip" class="qiPao">
			<span class="bot"></span>
			<span class="top"></span>
			 <div id="validateCodeError" class="text">请输入正确的短信验证码</div>
		</div>
		<div id="validateCodeDiv">
			<input id="validateCode" placeholder="请输入收到的验证码" class="input" type="text" maxlength="4" onblur="validateCodeValid()"/>
			<button id="getValidateCode" onclick="getValidateCode()">获取验证码</button>
		</div>
		<div class="agree">
			<input id="agreement" type="checkbox">已经阅读并且同意<a href="/registerAgreement">相关协议。</a>
		</div>
	</div>
	
	<div class="buttons">
		<button id="loginButton" class="bubbly-button" onclick="toLogin()">登录</button>
		<button id="registerButton"class="bubbly-button" onclick="toRegister()">注册</button>
	</div>
</body>

<script type="text/javascript" src="/static/js/style.js"></script>
<script type="text/javascript" src="/static/js/passport.js"></script>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/md5.js"></script>

</html>